/*==========================
            *About
  ============================*/
         /*全体上の*/            .sigotoabout{
                                  width: 100%;
                                  margin:0 auto;
                                  height: auto;
                                  overflow: hidden;
                                  clear: both;
                                }

@media screen and (min-width: 980px){
.naiyongr_title_nb{
border-bottom: 3px double #F0C808;
margin:0px 30% 0px;
}
}


@media screen and (max-width: 980px){
.naiyongr_title_nb{
border-bottom: 3px double #F0C808;
margin:0px 20% 0px;
}
}


@media screen and (max-width: 650px){
.naiyongr_title_nb{
border-bottom: 3px double #F0C808;
margin:0px 0% 0px;
}
}

@media screen and (max-width: 420px){
.naiyongr_title_nb{
border-bottom: 3px double #F0C808;
margin:0px 0% 0px;
}
}
          /*h1見出し流れ*/
                                  .sigotoabout h1{
                                  padding: 60px 15px 0px;
                                /*border-bottom: 3px double #F0C808;*/
                                  text-shadow: 3px 4px 5px #086788; 
                                /*margin:0px 30% 0px;*/
                                  text-align: center;
                                  color: #06AED5;
                                  font-size: 55px;
                                  font-weight: bold;
                                }  
                                
           /*h2青の中文字*/      @media screen and (min-width: 980px){
                                  .sigotoabout h2{
                                  height: 20%;
                                  padding: 10px 1px 10px 35px;
                                  text-align: center;
                                  color: #FFF1D0;
                                  font-size: 23px;
                                  font-weight: bold;
                                }
                                }
                                
                                
                                @media screen and (max-width: 980px){
                                  .sigotoabout h2{
                                  height: 20%;
                                  padding: 10px 1px 10px 35px;
                                  text-align: center;
                                  color: #FFF1D0;
                                  font-size: 23px;
                                  font-weight: bold;
                                }
                                }
                                
                                @media screen and (max-width: 650px){
                                  .sigotoabout h2{
                                  height: 20%;
                                  padding: 10px 1px 10px 0px;
                                  text-align: center;
                                  color: #FFF1D0;
                                  font-size: 23px;
                                  font-weight: bold;
                                }
                                }
                                
                                @media screen and (max-width: 400px){
                                  .sigotoabout h2{
                                  height: 20%;
                                  padding: 10px 1px 10px 0px;
                                  text-align: center;
                                  color: #FFF1D0;
                                  font-size: 23px;
                                  font-weight: bold;
                                }
                                }
                                
         /*3つまとめた*/         
            /*1段階*/            @media screen and (min-width: 980px){
                                .sigotoabout .naiyou_hakomatome{
                                  padding: 40px 13% 0px 15%;
                                }
                                }
                                
            /*2段階*/           @media screen and (max-width: 980px){
                                .sigotoabout .naiyou_hakomatome{
                                  padding: 40px 10% 20px;
                                }
                                }
                                
            /*3段階*/           @media screen and (max-width: 650px){
                                .sigotoabout .naiyou_hakomatome{
                                  padding: 40px 15px 20px;
                                }
                                }
                                
                                
            /*4段階*/           @media screen and (max-width: 400px){
                                .sigotoabout .naiyou_hakomatome{
                                  padding: 40px 15px 0px;
                                }
                                }
          /*横箱*/               
             /*1段階*/            @media screen and (min-width: 980px){
                                  .sigotoabout .naiyou_nb{
                                  
                                  width: 100%;
                                  padding: 0px 15px 10% 15px;
                                  box-sizing:border-box;
                                  display: inline-block;
                                  position: relative;
                                  height: auto;
                                  overflow: hidden;
                                }
                                }
                                
                                
          /*2段階*/                @media screen and (max-width: 980px){
                                  .sigotoabout .naiyou_nb{
                                  
                                  width: 100%;
                                  padding: 0px 0px 6% 0px;
                                  box-sizing:border-box;
                                  display: inline-block;
                                  position: relative;
                                  height: auto;
                                  overflow: hidden;
                                }
                                }
                                
           /*3段階*/               @media screen and (max-width: 650px){
                                  .sigotoabout .naiyou_nb{
                                  
                                  width: 100%;
                                  padding: 0px 0px 6% 0px;
                                  box-sizing:border-box;
                                  display: inline-block;
                                  position: relative;
                                  height: auto;
                                  overflow: hidden;
                                }
                                }
                                
                                
           /*4段階*/              @media screen and (max-width: 400px){
                                  .sigotoabout .naiyou_nb{
                                  
                                  width: 100%;
                                  padding: 0px 0px 6% 0px;
                                  box-sizing:border-box;
                                  display: inline-block;
                                  position: relative;
                                  height: auto;
                                  overflow: hidden;
                                }
                                }
                                
          /*左の大きい箱*/      @media screen and (min-width: 980px){
                                .sigotoabout .naiyou_nb .naiyou_box{
                                  width: 50%;
                                  height: auto;
                                  float: left;
                                }
                                }
                                
                                
                                
                                @media screen and (min-width: 980px){
           /*左-上-青の箱*/      .sigotoabout .naiyou_nb .naiyou_nbue{
                                 margin-bottom: 40px;
                                 padding:0px 10% 0px 0%; 
                                }
                                }
                                
                                @media screen and (max-width: 980px){
           /*左-上-青の箱*/      .sigotoabout .naiyou_nb .naiyou_nbue{
                                 margin-bottom: 40px;
                                 padding:0px 10%;
                                }
                                }
                                
                                @media screen and (max-width: 650px){
           /*左-上-青の箱*/      .sigotoabout .naiyou_nb .naiyou_nbue{
                                 margin-bottom: 2s0px;  
                                 padding:0px 0%; 
                                }
                                }
                                
                                @media screen and (max-width: 400px){
           /*左-上-青の箱*/      .sigotoabout .naiyou_nb .naiyou_nbue{
                                 margin-bottom: 20px;   
                                 padding:0px 0%;
                                }
                                }
                                
                                @media screen and (min-width: 980px){
           /*左-下-白の箱*/      .sigotoabout .naiyou_nb .naiyou_nbsita{
                                  height: 80%;
                                  background-color: #FFFFFF;
                                  padding-bottom: 40px;
                                  }
                                  }
                                  
                                  @media screen and (max-width: 980px){
           /*左-下-白の箱*/      .sigotoabout .naiyou_nb .naiyou_nbsita{
                                  height: 80%;
                                  background-color: #FFFFFF;
                                  padding-bottom: 40px;
                                  }
                                  }
                                  
                                  
                                   @media screen and (max-width: 650px){
           /*左-下-白の箱*/      .sigotoabout .naiyou_nb .naiyou_nbsita{
                                  height: 80%;
                                  background-color: #FFFFFF;
                                  padding-bottom: 5%;
                                  }
                                  }
                                  
                                  @media screen and (max-width: 400px){
           /*左-下-白の箱*/      .sigotoabout .naiyou_nb .naiyou_nbsita{
                                  height: 80%;
                                  background-color: #FFFFFF;
                                  padding-bottom: 5%;
                                  }
                                  }
                                  
          /*青の下文*/           .sigotoabout .naiyou_nb .naiyou_nbsita p{
                                  color: #19242E;
                                  padding-bottom: 5px;
                                  font-weight:500;
                                  font-size:18px;
                                }
                                
             /*右部*/            @media screen and (min-width: 980px){
                                 .sigotoabout .naiyou_nb .naiyou_img{
                                  width: 50%;
                                  height: auto;   
                                  /*margin-left: 10px; */
                                  /*background-color: #FC2A38;*/
                                  float: left;
                                }
                                }
                                
               /*画像*//*1段階*/ @media screen and (min-width: 980px){
                                .sigotoabout .naiyou_nb .naiyou_img img{
                                
                                width: 100%;
                                 height: auto;
                                 display: block;
                                 margin: auto;
                                 /* padding-bottom: 0px; */
                                 vertical-align: middle;
                                 letter-spacing: normal;
                                }
                                }
                       /*2段階*/@media screen and (max-width: 980px){
                                .sigotoabout .naiyou_nb .naiyou_img img{
                                
                                width: 70%;
                                 height: auto;
                                 display: block;
                                 margin: auto;
                                 /* padding-bottom: 0px; */
                                 vertical-align: middle;
                                 letter-spacing: normal;
                                }
                                }
                       /*3段階*/@media screen and (max-width: 650px){
                                .sigotoabout .naiyou_nb .naiyou_img img{
                                
                                width: 90%;
                                 height: auto;
                                 display: block;
                                 margin: auto;
                                 /* padding-bottom: 0px; */
                                 vertical-align: middle;
                                 letter-spacing: normal;
                                }
                                }
                      /*4段階*/@media screen and (max-width: 400px){
                                .sigotoabout .naiyou_nb .naiyou_img img{
                                
                                width: 100%;
                                 height: auto;
                                 display: block;
                                 margin: auto;
                                 /* padding-bottom: 0px; */
                                 vertical-align: middle;
                                 letter-spacing: normal;
                                }
                                }
/*==========================
            注意事項的な
  ============================*/ 

                                      @media screen and (min-width: 980px){
                                      .tyu_nb{
                                      padding: 0px 13% 5% 15%;
                                      }
                                     #sumamina{
                                     display:none;
                                     }
                                      }
                                      
          /*1段階*/                     @media screen and (min-width: 980px){
                                      .sigotoabout  .naiyou_hakomatome2{
                                       width: 100%;
                                       padding: 0px 0px 5% 0px ;
                                       box-sizing:border-box;
                                       display: inline-block;
                                       
                                       position: relative;
                                       height: auto;
                                       overflow: hidden;
                                      }
                                      }
         /*2段階*/                    @media screen and (max-width: 980px){
                                      .sigotoabout  .naiyou_hakomatome2{
                                       width: 100%;
                                       padding: 0px 10% 5% ;
                                       box-sizing:border-box;
                                       display: inline-block;
                                       position: relative;
                                       height: auto;
                                       overflow: hidden;
                                      }
                                      #pcmina{
                                      display:none;
                                      }
                                      #sumamina{
                                      display:inline;
                                      }
                                      }
                                      
                                      
         /*3段階*/                     @media screen and (max-width: 650px){
                                      .sigotoabout  .naiyou_hakomatome2{
                                       width: 100%;
                                       padding: 0px 15px 5% ;
                                       box-sizing:border-box;
                                       display: inline-block;
                                       position: relative;
                                       height: auto;
                                       overflow: hidden;
                                      }
                                      }
                                      
                                      
          /*4段階*/                   @media screen and (max-width: 400px){
                                      .sigotoabout  .naiyou_hakomatome2{
                                       width: 100%;
                                       padding: 0px 15px 5% ;
                                       box-sizing:border-box;
                                       display: inline-block;
                                       position: relative;
                                       height: auto;
                                       overflow: hidden;
                                      }
                                      }
                                      
                                      
                                      
         /*画像の箱*/                  @media screen and (min-width: 980px){
                                      .sigotoabout .tyu_nb .naiyou_box2{
                                        width: 60%;
                                        height: 364px;
                                        float: left;
                                      }
                                      }
           /*画像*/                    @media screen and (min-width: 980px){
                                      .sigotoabout .tyu_nb .naiyou_box2 img{
                                       width: 100%;
                                       height: auto;
                                       display: block;
                                       margin: auto;
                                       vertical-align: middle;
                                       letter-spacing: normal;
                                       }
                                       }
                                       
                                       @media screen and (max-width: 980px){
                                      .sigotoabout .tyu_nb .naiyou_box2 img{
                                       width: 60%;
                                       height: auto;
                                       display: block;
                                       margin: auto;
                                        vertical-align: middle;
                                       letter-spacing: normal;
                                       }
                                       }
                                       
                                       @media screen and (max-width: 650px){
                                      .sigotoabout .tyu_nb .naiyou_box2 img{
                                       width: 80%;
                                       height: auto;
                                       display: block;
                                       margin: auto;
                                        vertical-align: middle;
                                       letter-spacing: normal;
                                       }
                                       }
                                       @media screen and (max-width: 400px){
                                      .sigotoabout .tyu_nb .naiyou_box2 img{
                                       width: 80%;
                                       height: auto;
                                       display: block;
                                       margin: auto;
                                        vertical-align: middle;
                                       letter-spacing: normal;
                                       }
                                       }
									   
                                       
      /*1段階*/                        @media screen and (min-width: 980px){
                                      .sigotoabout .tyu_nb .naiyou_img2 {
                                        
										width: 30%;
                                        height: auto;
                                        margin-top: 40px;
                                        margin-left: 10px;
                                        padding : 10px;
                                        border : 3px dotted #FFD7D7 ;
                                        float: left;
                                      }
                                      } 
                                        
                                        @media screen and (min-width: 980px){
                                        .sigotoabout .tyu_nb .naiyou_img2 p{
                                        font-size:18px;
                                        }
                                        }
                                        
                                        
       /*2段階*/                       @media screen and (max-width: 980px){
                                      .sigotoabout .tyu_nb .naiyou_img2 {
                                        
										height: auto;
                                        margin-bottom: 30px;
                                        padding : 20px;
                                        border : 3px dotted #FFD7D7 ;
                                        float: left;
                                      }
                                      }
                                      
                                      
                                      @media screen and (max-width: 980px){
                                        .sigotoabout .tyu_nb .naiyou_img2 p{
                                        font-size:18px;
                                        }
                                        }
                                      
    /*3段階*/                          @media screen and (max-width: 650px){
                                      .sigotoabout .tyu_nb .naiyou_img2 {
                                        height: auto;
                                        margin-top: 20px;
                                        padding : 20px;
                                        border : 3px dotted #FFD7D7 ;
                                        float: left;
                                      }
                                      }
                                      
                                      @media screen and (max-width: 650px){
                                        .sigotoabout .tyu_nb .naiyou_img2 p{
                                        font-size:18px;
                                        }
                                        }
                                      
                                      
     /*4段階*/                         @media screen and (max-width: 400px){
                                      .sigotoabout .tyu_nb .naiyou_img2 {
                                        height: auto;
                                        margin-top: 20px;
                                        padding : 10px;
                                        border : 3px dotted #FFD7D7 ;
                                        float: left;
                                      }
                                      }
                                      
                                      @media screen and (max-width: 400px){
                                        .sigotoabout .tyu_nb .naiyou_img2 p{
                                        font-size:18px;
                                        }
                                        }
                                      
                                      

      /*2体目みなみ*/         /*2段階*/@media screen and (max-width: 980px){
                                       .sigotoabout .tyu_nb .naiyou_box3 img{
                                       width: 70%;
                                       height: auto;
                                       display: block;
                                       
                                       margin: auto;
                                       vertical-align: middle;
                                       letter-spacing: normal;
                                       }
                                       }

                               /*3段階*/@media screen and (max-width: 650px){
                                       .sigotoabout .tyu_nb .naiyou_box3 img{
                                       width: 90%;
                                       height: auto;
                                       display: block;
                                       
                                       margin: auto;
                                       vertical-align: middle;
                                       letter-spacing: normal;
                                       }
                                       }


                               /*4段階*/@media screen and (max-width: 400px){
                                       .sigotoabout .tyu_nb .naiyou_box3 img{
                                       width: 100%;
                                       height: auto;
                                       display: block;
                                       
                                       margin: auto;
                                       vertical-align: middle;
                                       letter-spacing: normal;
                                       }
                                       }
/*==========================
      *具体的な仕事内容
============================*/

/*下全体*/
                             .gutai_nb{
                             	width: 100%;
                             	height: auto;
                             	box-sizing:border-box;
                             	display:inline-block;
                             	background-color:#DBFEFF;
                             	position: relative;
                             	z-index: 1;
                             	font-size: 16px;
                             }
                             
                             @media screen and (min-width: 980px){
                             .sttitle_nb{
                             border-bottom: 3px double #F0C808;
                             margin:0px 25% 0px;
                             }
                             }
                             
                             @media screen and (max-width: 980px){
                             .sttitle_nb{
                             border-bottom: 3px double #F0C808;
                             margin:0px 12% 0px;
                             }
                             }
                             
                             
   /*h1具体的タイトル*/           .sttitle_nb h1{  
                                  color: #086788;
                                  font-size: 55px;
                                  /*padding: 50px 15px 50px 15px;*/
                                  text-shadow: 3px 4px 5px #06AED5; 
                                  text-align: center;
                                  }
                             
                             
/*具体的内容のタイトル部*/
                             .gutai_nb h2{
                             	background-color: #086788;
                             	border-bottom: solid 5px #06AED5;
                             	z-index: 2;
                             }
                             @media screen and (min-width: 980px){
                             .gutai_nb h2:before {
                             	border-left: solid 40px #DBFEFF;
                             }
                             }
                             
                             @media screen and (max-width: 980px){
                             .gutai_nb h2:before {
                             	border-left: solid 40px #DBFEFF;
                             }
                             }
                             
                             
/*小タイトル箱*/
                             .gutai_nb2{
                             	width: 100%;
                             	height: auto;
                             	background-color: #06AED5;
                             	padding: 20px 0 20px;
                             	box-sizing:border-box;
                             	display:inline-block;
                             }

/*小タイトル文字*/
                             .gti_nb_moji{
                             	padding: 0 22%;
                             }
/*横箱*/
                             
                              @media screen and (min-width: 980px){
                             .gti_nb_moji2{
                             width: 100%;
                                 padding: 40px 15px 0px 15px;
                                 box-sizing: border-box;
                                 display: inline-block;
                                 position: relative;
                                 height: auto;
                                 overflow: hidden;
                             }
                             }
                             
                             
                             @media screen and (max-width: 980px){
                             .gti_nb_moji2{
                             width: 100%;
                                 padding: 0px 15px 0px 15px;
                                 box-sizing: border-box;
                                 display: inline-block;
                                 position: relative;
                                 height: auto;
                                 overflow: hidden;
                             }
                             } 
/*画像箱*/
                             @media screen and (min-width: 980px){
                             .gtipng_nb{
                             width: 30%;
                                 height: auto;
                                 float: left;
                             }
                             }
/*画像*/
    /*1段階目*/              @media screen and (min-width: 980px){
                             .gutai_nb img{
                             	width: 90%;
                             	height: auto;
                             	display: block;
                                margin-left: 8%;
                                padding-bottom: 40px;
                             	vertical-align: middle;
                             	letter-spacing:normal;
                             }
                             }
                             
                             
   /*2段階目*/               @media screen and (max-width: 980px) {
                             .gutai_nb img{
                             	width: 40%;
                             	height: auto;
                             	display: block;
                                margin: auto;
                                padding-bottom: 40px;
                             	vertical-align: middle;
                             	letter-spacing:normal;
                             }
                             }
                             
                             
                             
/*説明箱*/
                             @media screen and (min-width: 980px){
                             .gti_nb_moji3{
                             	width: 70%;
                             	/*margin-left: 8%;*/
                             	min-width: 160px;
                             	height: auto;
                             	
                             	 float: left;
                             }
                             }
                             
                             
                             @media screen and (min-width: 980px){
                             .gti_nb_syomj{
                             padding: 0px 10% 0px 5%;
                             }
                             }
                             
                             @media screen and (max-width: 980px){
                             .gti_nb_syomj{
                             padding: 0px 10% 0px 5%;
                             }
                             }
                             
                             
                             
                             
                             @media screen and (min-width: 980px){
                             .gti_nb_syomj h2{
                             margin-bottom: 50px;
                             font-size:23px;
                            /*padding: 10px 10px 10px 30px;*/
                             }
                             }
                             
                             @media screen and (max-width: 980px){
                             .gti_nb_syomj h2{
                             margin-bottom: 50px;
                             font-size:23px;
                            /*padding: 10px 10px 10px 30px;*/
                             }
                             }
                             @media screen and (min-width: 980px){
                             .gti_nb_moji3 p{
                              font-size:18px;
                             padding-bottom: 50px;
                             }
                             }
                             
                             @media screen and (max-width: 980px){
                             .gti_nb_moji3 p{
                              font-size:18px;
                             padding-bottom: 50px;
                             }
                             }
/*説明小タイトル文字*/
/*職名部*/
                             h5{
                             	font-size: 26px;
                             	color: #FFFFFF;
                             	font-weight: bolder;
                             }

/*でかいタイトル部*/
                             h2{
                             	font-weight: bolder;
                             	position: relative;
                             	text-align: center;
                             	padding: 10px;
                             	background-color: #06AED5;
                             	font-size: 25px;
                             	color: white;
                             	line-height: 1.3;
                             	border-bottom: solid 5px #086788;
                             	z-index: 2;
                             }
                             @media screen and (min-width: 980px){
                             h2:before {
                             	position: absolute;
                             	content: '';
                             	left: -2px;
                             	top: -2px;
                             	border: none;
                             	border-left: solid 60px white;
                             	border-bottom: solid 79px transparent;
                             	z-index:1;
                             }
                             }
                             
                             @media screen and (max-width: 980px){
                             h2:before {
                             	position: absolute;
                             	content: '';
                             	left: -2px;
                             	top: -2px;
                             	border: none;
                             	border-left: solid 60px white;
                             	border-bottom: solid 79px transparent;
                             	z-index:1;
                             }
                             }
                             @media screen and (max-width: 650px){
                             h2:before {
                             	position: absolute;
                             	content: '';
                             	left: -2px;
                             	top: -2px;
                             	border: none;
                              /*border-left: solid 60px white;*/
                             	border-bottom: solid 79px transparent;
                             	z-index:1;
                             }
                             }
                             
                             
                             
                 /*1段階目*/ @media screen and (min-width: 980px){
                             .setumeisita_nb{
                             padding-top:0px;
                             }
                             }
                  /*2段階目*/@media screen and (max-width: 980px){
                             .setumeisita_nb{
                             padding-top:40px;
                             }
                             }
   /*1段階目*/               @media screen and (min-width: 980px){
                             .setumei_nb{
                             	margin: 0px 15% 50px ; 
                             }
                             }
                             
 /*2段階目*/                 @media screen and (max-width: 980px){
                             .setumei_nb{
                             	margin: 0px 5% 5%;
                             }
                             }
                             h4{
                             	font-weight: bolder;
                             	color: #a28505;
                             	font-size: 20px;
                             }
/*==========================
            折り畳み
  ============================*/ 
@media screen and (min-width: 650px){
#sumaho_pata{
 display:none;
 }


/*ボックス全体*/
.accbox {
    padding: 0px 0% 50px;
    width: 100%;/*最大幅*/
    height: auto;
    background-color: #DBFEFF;
}

.oristtitle_nb{
 border-bottom: 3px double #F0C808;
 margin:0px 0% 0px;
 }
 
                                
 
.oristtitle_nb h1{  
color: #086788;
font-size: 55px;
padding: 60px 15px 0px;
text-shadow: 3px 4px 5px #06AED5; 
text-align: center;
font-weight: bold;
}


.accbox img{
width: 70%;
height: auto;
display: block;
margin: auto;
margin-top: 50px;
margin-bottom: 20px;
}

.gti_nb_moji4 p{
padding:10px 15px 0px;
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 0px 0;
    color :#2f8fcf;
    font-weight: bold;

    cursor :pointer;
    transition: all 0.5s;
}


/*ラベルホバー時*/
.accbox label:hover {
    background :#85baef;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}



/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}


/*クリックで中身表示*/
.cssacc:checked + .accshow {
    height: auto;
    padding: 0px;
   /* background: #ffffe0;*/
    opacity: 1;
}
}

/*=========================================
     @media screen and (max-width: 650px)
  ===========================================*/ 


@media screen and (max-width: 650px){

#pcgutai_nb{
 display:none;
 }

/*ボックス全体*/
.accbox {
    padding: 0px 0% 50px;
    width: 100%;/*最大幅*/
    height: auto;
    background-color: #DBFEFF;
}

.oristtitle_nb{
 border-bottom: 3px double #F0C808;
 margin:0px 0% 0px;
 }
 
                                
 
.oristtitle_nb h1{  
color: #086788;
font-size: 55px;
padding: 60px 15px 0px;
text-shadow: 3px 4px 5px #06AED5; 
text-align: center;
font-weight: bold;
}


.accbox img{
width: 70%;
height: auto;
display: block;
margin: auto;
margin-top: 50px;
margin-bottom: 20px;
}

.sumaho_gutai_nb p{
height: 20%;
    padding: 10px 1px 10px 0px;
    text-align: center;
    color: #086788;
    font-size: 23px;
    font-weight: bold;
}



.gti_nb_moji4 {
margin:10px 15px 0px;
}

/*ラベル*/
 /*.accbox label {
   display: block;
    margin: 0px 0;
    color :#2f8fcf;
    font-weight: bold;
    cursor :pointer;
    transition: all 0.5s;
}*/


/*ラベルホバー時*/
.accbox label:hover {
    background :#85baef;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}



/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}


/*クリックで中身表示*/
.cssacc:checked + .accshow {
    height: auto;
    /*padding: 1px;*/
   /* background: #ffffe0;*/
    opacity: 1;
}
}